<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&ak=i3LQs7BoE5cXz7hw7MRdcmqiniUl0n2n"></script>
    <script type="text/javascript" src="baidu/convertor.js"></script>
</head>
<form action="baidu/maps.do" method="post">
    <input type="text" name="city"  />
    <input type="submit" value="搜索">
</form>
<body style="width: 100%;height: 100%">
<div style="width:100%;height:900px;border:0px solid gray"
     id="container"></div>
<%--<div id="allmap"></div>--%>

<script type="text/javascript">
   /* // 百度地图API功能
    var map = new BMap.Map("allmap");
    map.centerAndZoom("北京",12);
    var myDis = new BMapLib.DistanceTool(map);
    map.addEventListener("load",function(){
        myDis.open();  //开启鼠标测距
        //myDis.close();  //关闭鼠标测距
    });*/
    var map = new BMap.Map("container"); // 创建地图实例   
    var longitude = "114.48";//经度  
    var latitude = "36.62";//纬度  
     //向地图中添加比例尺控件
     var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
     map.addControl(ctrl_sca);
    var point = new BMap.Point(longitude, latitude); // 创建点坐标  
    map.centerAndZoom(point, 14); // 初始化地图，设置中心点坐标和地图级别  
    map.addControl(new BMap.NavigationControl()); //添加平移缩放控件  
    map.addControl(new BMap.ScaleControl()); //添加放大、缩小控件  
    map.addControl(new BMap.OverviewMapControl());//缩略地图控件
    map.addControl(new BMap.MapTypeControl());
    tamMap.addControl(new BMap.GeolocationControl());   //定位控件，针对移动端开发，默认位于地图左下方。
    tamMap.addControl(new BMap.CopyrightControl());     //版权控件，默认位于地图左下方。


    //blog.csdn.net/u010989191/article/details/51326397
    map.enableScrollWheelZoom();//允许鼠标滑轮操作  
    //坐标转换完之后的回调函数  
    var myDis = new BMapLib.DistanceTool(map);
    map.addEventListener("load",function(){
        myDis.open();  //开启鼠标测距
        //myDis.close();  //关闭鼠标测距
    });
    translateCallback = function(point) {

        var marker = new BMap.Marker(point);

        map.addOverlay(marker);

//根据坐标得到地址描述    
        var myGeo = new BMap.Geocoder();
        myGeo.getLocation(point, function(result) {
            if (result) {
                var label = new BMap.Label(result.address, {
                    offset : new BMap.Size(20, -10)
                });
                marker.setLabel(label);
            }
        });

        // 将标注添加到地图中  
        map.addOverlay(marker);

        o+5//将坐标设置为地图中心位置  
        map.setCenter(point);
    }

    setTimeout(function() {
        BMap.Convertor.translate(new BMap.Point(longitude, latitude), 0,
            translateCallback); //真实经纬度转成百度坐标  
    }, 2000);

</script>


</body>
</html>
